<template>
  <div>
    <div
      class="q-text qu-dynamicFontSize--regular qu-display--flex qu-px--large qu-pb--large qu-flexDirection--row"
      width="1100"
      style="
        box-sizing: initial;
        width: 1100px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 16px;
        align-items: stretch;
      "
    >
      <div
        class="q-box"
        width="588.5"
        id="mainContent"
        style="width: 588.5px; margin-left: 16px; flex-shrink: 0"
      >
        <div v-if="dataList.length == 0">
          <div
            class="q-flex qu-px--large qu-py--medium qu-alignItems--center qu-justifyContent--center qu-textAlign--center"
            height="auto"
            style="display: flex; background-color: transparent; height: auto"
          >
            <div class="q-box qu-py--large">
              <img
                class="q-image qu-mb--tiny"
                src="//qsf.fs.quoracdn.net/-4-ans_frontend_assets.images.empty_states.all_caught_up_feed_lightmode.png-26-1b95f406729630f5.png"
                width="100px"
                style="max-width: 100%; width: 100px"
              />
              <div
                class="q-text qu-dynamicFontSize--large qu-bold qu-color--gray qu-mb--tiny"
              >
                You're all caught up
              </div>
              <div
                class="q-text qu-dynamicFontSize--regular qu-color--gray"
                style="margin-bottom: 0px"
              >
                Follow more Spaces to discover new stories in your feed. You can
                also visit
                <div
                  class="q-click-wrapper c1nud10e qu-display--inline-block qu-color--blue qu-tapHighlight--white qu-cursor--pointer qu-hover--textDecoration--underline"
                  tabindex="0"
                  style="font: inherit; padding: 0px; text-align: inherit"
                >
                  Home
                </div>
                .
              </div>
            </div>
          </div>
        </div>
        <div class="q-box dom_annotate_multifeed_following">
          <div>
            <div>
              <div
                class="q-box dom_annotate_multifeed_bundle_AskQuestionPromptBundle qu-borderAll qu-borderColor--raised qu-boxShadow--small qu-mb--small qu-bg--raised"
                style="border-radius: 8px"
              >
                <div class="q-box" style="position: relative">
                  <div
                    class="q-box"
                    style="
                      padding-left: 12px;
                      padding-right: 12px;
                      padding-top: 12px;
                    "
                  >
                    <div
                      class="q-flex qu-alignItems--center"
                      style="display: flex"
                    >
                      <div
                        class="q-inlineFlex qu-flex--none"
                        style="display: inline-flex; position: relative"
                      >
                        <div
                          class="q-inlineFlex"
                          style="display: inline-flex; position: relative"
                        >
                          <div
                            class="q-inlineFlex qu-overflow--hidden qu-borderRadius--circle"
                            style="display: inline-flex; position: relative"
                          >
                            <div
                              class="q-box qu-borderRadius--circle"
                              style="position: absolute; inset: 1px"
                            ></div>
                            <img
                              class="q-image qu-display--block qu-size--32 qu-minWidth--32 qu-bg--white__ignore_dark_mode"
                              :src="userInfo.avatar ? userInfo.avatar : Avatar"
                              size="32"
                              :alt="'Profile photo for ' + userInfo.userName"
                              style="max-width: 100%; position: relative"
                            />
                            <div
                              class="q-box qu-borderRadius--circle qu-borderAll qu-borderColor--darken"
                              style="position: absolute; inset: 0px"
                            ></div>
                            <div
                              class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--circle avlofet"
                              style="position: absolute; z-index: 1"
                            ></div>
                          </div>
                        </div>
                      </div>
                      <div
                        class="q-click-wrapper puppeteer_test_ask_question_prompt c1nud10e qu-ml--small qu-borderAll qu-borderRadius--pill qu-alignItems--center qu-minHeight--32 qu-display--flex qu-bg--gray_ultralight qu-tapHighlight--white qu-cursor--pointer qu-hover--bg--gray_light"
                        tabindex="0"
                        style="
                          font: inherit;
                          padding: 0px;
                          transition-property: background-color;
                          transition-duration: 150ms;
                          transition-timing-function: ease-in-out;
                          flex: 1 1 0%;
                          align-self: stretch;
                          color: inherit;
                          text-align: inherit;
                        "
                      >
                        <div
                          class="q-text qu-color--gray_light"
                          style="margin-left: 10px; margin-right: 10px"
                        >
                          What do you want to ask or share?
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="q-flex qu-my--tiny qu-px--tiny"
                    style="display: flex"
                  >
                    <div
                      class="q-flex qu-alignItems--center"
                      style="display: flex; flex: 1 1 0%"
                    >
                      <button
                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                        width="100%"
                        height="30"
                        role="button"
                        tabindex="0"
                        style="
                          font: inherit;
                          padding: 0px 10px;
                          transition-property: box-shadow, background-color;
                          transition-duration: 60ms;
                          transition-timing-function: ease-out;
                          width: 100%;
                          height: 30px;
                          min-width: 30px;
                          position: relative;
                          border-width: 0px;
                          outline: none;
                          color: inherit;
                          background-color: transparent;
                        "
                      >
                        <div
                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                          style="
                            display: flex;
                            max-width: 100%;
                            transition-property: opacity;
                            transition-duration: 60ms;
                            transition-timing-function: ease-in-out;
                          "
                        >
                          <div
                            class="q-box qu-display--inline-flex"
                            style="
                              transition-property: transform;
                              transition-timing-function: cubic-bezier(
                                0.23,
                                0.19,
                                0.1,
                                1.34
                              );
                              transition-delay: 0ms;
                              transition-duration: 0ms;
                            "
                          >
                            <span
                              class="q-inlineBlock qu-width--20 qu-height--20"
                              width="20"
                              height="20"
                              style="
                                display: inline-block;
                                flex-shrink: 0;
                                line-height: 20px;
                              "
                              ><span
                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                style="
                                  width: 20px;
                                  height: 20px;
                                  --strokeColor: var(--q-colors-text-gray);
                                  --fillColor: var(--q-colors-text-gray);
                                  --strokeWidth: 1.8;
                                "
                                ><svg
                                  width="24"
                                  height="24"
                                  viewBox="0 0 24 24"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <g
                                    class="icon_svg-stroke"
                                    stroke="#666"
                                    stroke-width="1.5"
                                    fill="none"
                                    fill-rule="evenodd"
                                  >
                                    <g transform="translate(9 7)">
                                      <path
                                        d="M3 6v-.5A2.5 2.5 0 1 0 .5 3"
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                      ></path>
                                      <circle
                                        class="icon_svg-fill_as_stroke"
                                        fill="#666"
                                        cx="3"
                                        cy="8.5"
                                        r="1"
                                        stroke="none"
                                      ></circle>
                                    </g>
                                    <path
                                      d="M7.5 4h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-3L9 22v-3H7.5a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3Z"
                                      stroke-linejoin="round"
                                    ></path>
                                  </g></svg></span
                            ></span>
                          </div>
                          <div
                            class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--gray qu-ellipsis qu-ml--tiny"
                            style="font-size: 13px"
                          >
                            <div
                              class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                              style="line-height: normal"
                            >
                              Ask
                            </div>
                          </div>
                        </div>
                      </button>
                      <div
                        class="q-box qu-height--16 qu-borderRight qu-mx--tiny"
                        height="16"
                      ></div>
                    </div>
                    <div
                      class="q-flex qu-alignItems--center"
                      style="display: flex; flex: 1 1 0%"
                    >
                      <button
                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                        width="100%"
                        height="30"
                        role="button"
                        tabindex="0"
                        style="
                          font: inherit;
                          padding: 0px 10px;
                          transition-property: box-shadow, background-color;
                          transition-duration: 60ms;
                          transition-timing-function: ease-out;
                          width: 100%;
                          height: 30px;
                          min-width: 30px;
                          position: relative;
                          border-width: 0px;
                          outline: none;
                          color: inherit;
                          background-color: transparent;
                        "
                      >
                        <div
                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                          style="
                            display: flex;
                            max-width: 100%;
                            transition-property: opacity;
                            transition-duration: 60ms;
                            transition-timing-function: ease-in-out;
                          "
                        >
                          <div
                            class="q-box qu-display--inline-flex"
                            style="
                              transition-property: transform;
                              transition-timing-function: cubic-bezier(
                                0.23,
                                0.19,
                                0.1,
                                1.34
                              );
                              transition-delay: 0ms;
                              transition-duration: 0ms;
                            "
                          >
                            <span
                              class="q-inlineBlock qu-width--20 qu-height--20"
                              width="20"
                              height="20"
                              style="
                                display: inline-block;
                                flex-shrink: 0;
                                line-height: 20px;
                              "
                              ><span
                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                style="
                                  width: 20px;
                                  height: 20px;
                                  --strokeColor: var(--q-colors-text-gray);
                                  --fillColor: var(--q-colors-text-gray);
                                  --strokeWidth: 1.8;
                                "
                                ><svg
                                  width="24"
                                  height="24"
                                  viewBox="0 0 24 24"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <g
                                    stroke-width="1.5"
                                    fill="none"
                                    fill-rule="evenodd"
                                  >
                                    <path
                                      d="M18.571 5.429h0a2 2 0 0 1 0 2.828l-9.9 9.9-4.24 1.416 1.412-4.245 9.9-9.9h0a2 2 0 0 1 2.828 0Z"
                                      class="icon_svg-stroke"
                                      stroke="#666"
                                      stroke-linecap="round"
                                      stroke-linejoin="round"
                                    ></path>
                                    <path
                                      class="icon_svg-fill_as_stroke"
                                      fill="#666"
                                      d="m4.429 19.571 2.652-.884-1.768-1.768z"
                                    ></path>
                                    <path
                                      d="M14.5 19.5h5v-5m-10-10h-5v5"
                                      class="icon_svg-stroke"
                                      stroke="#666"
                                      stroke-linecap="round"
                                      stroke-linejoin="round"
                                    ></path>
                                  </g></svg></span
                            ></span>
                          </div>
                          <div
                            class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--gray qu-ellipsis qu-ml--tiny"
                            style="font-size: 13px"
                          >
                            <div
                              class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                              style="line-height: normal"
                            >
                              Answer
                            </div>
                          </div>
                        </div>
                      </button>
                      <div
                        class="q-box qu-height--16 qu-borderRight qu-mx--tiny"
                        height="16"
                      ></div>
                    </div>
                    <div
                      class="q-flex qu-alignItems--center"
                      style="display: flex; flex: 1 1 0%"
                    >
                      <button
                        class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                        width="100%"
                        height="30"
                        role="button"
                        tabindex="0"
                        style="
                          font: inherit;
                          padding: 0px 10px;
                          transition-property: box-shadow, background-color;
                          transition-duration: 60ms;
                          transition-timing-function: ease-out;
                          width: 100%;
                          height: 30px;
                          min-width: 30px;
                          position: relative;
                          border-width: 0px;
                          outline: none;
                          color: inherit;
                          background-color: transparent;
                        "
                      >
                        <div
                          class="q-flex qu-alignItems--center qu-justifyContent--center"
                          style="
                            display: flex;
                            max-width: 100%;
                            transition-property: opacity;
                            transition-duration: 60ms;
                            transition-timing-function: ease-in-out;
                          "
                        >
                          <div
                            class="q-box qu-display--inline-flex"
                            style="
                              transition-property: transform;
                              transition-timing-function: cubic-bezier(
                                0.23,
                                0.19,
                                0.1,
                                1.34
                              );
                              transition-delay: 0ms;
                              transition-duration: 0ms;
                            "
                          >
                            <span
                              class="q-inlineBlock qu-width--20 qu-height--20"
                              width="20"
                              height="20"
                              style="
                                display: inline-block;
                                flex-shrink: 0;
                                line-height: 20px;
                              "
                              ><span
                                class="c8lvhxo c1qi64n3 c13dhsxm"
                                style="
                                  width: 20px;
                                  height: 20px;
                                  --strokeColor: var(--q-colors-text-gray);
                                  --fillColor: var(--q-colors-text-gray);
                                  --strokeWidth: 1.8;
                                "
                                ><svg
                                  width="24"
                                  height="24"
                                  viewBox="0 0 24 24"
                                  xmlns="http://www.w3.org/2000/svg"
                                >
                                  <g fill="none" fill-rule="evenodd">
                                    <path
                                      d="M18.571 5.429h0a2 2 0 0 1 0 2.828l-9.9 9.9-4.24 1.416 1.412-4.245 9.9-9.9a2 2 0 0 1 2.828 0Z"
                                      class="icon_svg-stroke"
                                      stroke="#666"
                                      stroke-width="1.5"
                                      stroke-linecap="round"
                                      stroke-linejoin="round"
                                    ></path>
                                    <path
                                      class="icon_svg-fill_as_stroke"
                                      fill="#666"
                                      d="m4.429 19.571 2.652-.884-1.768-1.768z"
                                    ></path>
                                  </g></svg></span
                            ></span>
                          </div>
                          <div
                            class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-medium qu-color--gray qu-ellipsis qu-ml--tiny"
                            style="font-size: 13px"
                          >
                            <div
                              class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                              style="line-height: normal"
                            >
                              Post
                            </div>
                          </div>
                        </div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div v-for="item in dataList" :key="item.id">
              <div
                class="q-box dom_annotate_multifeed_bundle_AnswersBundle qu-borderAll qu-borderColor--raised qu-boxShadow--small qu-mb--small qu-bg--raised"
                style="border-radius: 8px"
              >
                <div class="q-box">
                  <div class="q-box">
                    <div class="q-box">
                      <div>
                        <div>
                          <div>
                            <div
                              class="q-box"
                              style="padding: 12px 12px 0px; position: relative"
                            >
                              <div
                                class="q-flex qu-mb--small qu-alignItems--center qu-justifyContent--space-between qu-zIndex--base"
                                style="
                                  display: flex;
                                  margin-right: 0px;
                                  position: absolute;
                                  right: 12px;
                                  float: right;
                                "
                              >
                                <div
                                  class="q-box dom_annotate_negative_feedback_hide"
                                >
                                  <div
                                    class="q-box qu-pl--tiny"
                                    style="margin-left: auto"
                                  >
                                    <div
                                      class="q-relative qu-size--18"
                                      size="18"
                                      style="position: relative"
                                    >
                                      <div
                                        class="q-absolute"
                                        style="
                                          position: absolute;
                                          top: -9px;
                                          left: -10px;
                                        "
                                      >
                                        <div
                                          class="q-box qu-display--inline-block"
                                          tabindex="0"
                                          style="pointer-events: all"
                                        >
                                          <div
                                            class="q-relative puppeteer_popper_reference"
                                            style="position: relative"
                                          >
                                            <button
                                              class="q-click-wrapper b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                              height="38"
                                              role="button"
                                              aria-label="Hide"
                                              tabindex="0"
                                              style="
                                                font: inherit;
                                                padding: 0px 6px;
                                                transition-property: box-shadow,
                                                  background-color;
                                                transition-duration: 60ms;
                                                transition-timing-function: ease-out;
                                                height: 38px;
                                                min-width: 38px;
                                                position: relative;
                                                border-width: 0px;
                                                outline: none;
                                                color: inherit;
                                                background-color: transparent;
                                              "
                                            >
                                              <div
                                                class="q-flex qu-alignItems--center qu-justifyContent--center"
                                                style="
                                                  display: flex;
                                                  max-width: 100%;
                                                  transition-property: opacity;
                                                  transition-duration: 60ms;
                                                  transition-timing-function: ease-in-out;
                                                "
                                              >
                                                <div
                                                  class="q-box qu-display--inline-flex"
                                                  style="
                                                    transition-property: transform;
                                                    transition-timing-function: cubic-bezier(
                                                      0.23,
                                                      0.19,
                                                      0.1,
                                                      1.34
                                                    );
                                                    transition-delay: 0ms;
                                                    transition-duration: 0ms;
                                                  "
                                                >
                                                  <span
                                                    class="q-inlineBlock qu-width--24 qu-height--24"
                                                    width="24"
                                                    height="24"
                                                    style="
                                                      display: inline-block;
                                                      flex-shrink: 0;
                                                      line-height: 24px;
                                                    "
                                                    ><span
                                                      class="c8lvhxo c1qi64n3 c13dhsxm"
                                                      style="
                                                        width: 24px;
                                                        height: 24px;
                                                        --strokeColor: var(
                                                          --q-colors-text-gray
                                                        );
                                                        --fillColor: var(
                                                          --q-colors-text-gray
                                                        );
                                                        --strokeWidth: 1.5;
                                                      "
                                                      ><svg
                                                        width="24"
                                                        height="24"
                                                        viewBox="0 0 24 24"
                                                        xmlns="http://www.w3.org/2000/svg"
                                                      >
                                                        <path
                                                          d="m16.243 7.757-8.486 8.486m8.486 0L7.757 7.757"
                                                          class="icon_svg-stroke"
                                                          fill="none"
                                                          fill-rule="evenodd"
                                                          stroke-linecap="round"
                                                          stroke="#666"
                                                          stroke-width="1.5"
                                                        ></path></svg></span
                                                  ></span>
                                                </div>
                                              </div>
                                            </button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="q-box">
                                <div class="q-box">
                                  <div class="q-box">
                                    <div>
                                      <div
                                        class="q-click-wrapper c1nud10e qu-display--block qu-tapHighlight--none qu-cursor--pointer"
                                        width="100%"
                                        tabindex="0"
                                        style="
                                          font: inherit;
                                          padding: 0px;
                                          width: 100%;
                                          position: relative;
                                          color: inherit;
                                          text-align: inherit;
                                        "
                                      >
                                        <div
                                          class="q-flex"
                                          style="display: flex"
                                        >
                                          <div
                                            class="q-box qu-mb--small"
                                            width="100%"
                                            style="width: 100%"
                                          >
                                            <div class="q-box">
                                              <div
                                                class="q-flex qu-alignItems--flex-start"
                                                width="100%"
                                                style="
                                                  display: flex;
                                                  width: 100%;
                                                "
                                              >
                                                <div
                                                  class="q-inlineFlex qu-mr--small qu-alignItems--center"
                                                  style="display: inline-flex"
                                                >
                                                  <div
                                                    class="q-inlineFlex"
                                                    style="display: inline-flex"
                                                  >
                                                    <div
                                                      class="q-box qu-display--inline-flex"
                                                      style="z-index: 0"
                                                    >
                                                      <div
                                                        class="q-box qu-display--inline-flex"
                                                        style=""
                                                      >
                                                        <div
                                                          class="q-relative qu-display--inline-flex puppeteer_popper_reference"
                                                          style="
                                                            position: relative;
                                                          "
                                                        >
                                                          <div
                                                            class="q-click-wrapper c1nud10e qu-display--inline-flex qu-tapHighlight--white qu-cursor--pointer"
                                                            aria-expanded="false"
                                                            aria-haspopup="dialog"
                                                            tabindex="0"
                                                            style="
                                                              font: inherit;
                                                              padding: 0px;
                                                              color: inherit;
                                                              text-align: inherit;
                                                            "
                                                          >
                                                            <a
                                                              class="q-box qu-display--inline-flex qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                                              href="#"
                                                              target="_blank"
                                                              style="
                                                                border-radius: inherit;
                                                              "
                                                            >
                                                              <div
                                                                class="q-click-wrapper c1nud10e qu-display--inline-flex qu-tapHighlight--white qu-cursor--pointer qu-hover--textDecoration--underline"
                                                                tabindex="0"
                                                                style="
                                                                  font: inherit;
                                                                  padding: 0px;
                                                                  color: inherit;
                                                                  text-align: inherit;
                                                                "
                                                              >
                                                                <div
                                                                  class="q-inlineFlex qu-flex--none"
                                                                  style="
                                                                    display: inline-flex;
                                                                    position: relative;
                                                                  "
                                                                >
                                                                  <div
                                                                    class="q-inlineFlex"
                                                                    style="
                                                                      display: inline-flex;
                                                                      position: relative;
                                                                    "
                                                                  >
                                                                    <div
                                                                      class="q-inlineFlex qu-overflow--hidden qu-borderRadius--squircle"
                                                                      style="
                                                                        display: inline-flex;
                                                                        position: relative;
                                                                      "
                                                                    >
                                                                      <div
                                                                        class="q-box qu-borderRadius--squircle"
                                                                        style="
                                                                          position: absolute;
                                                                          inset: 1px;
                                                                        "
                                                                      ></div>
                                                                      <img
                                                                        class="q-image qu-display--block qu-size--36 qu-minWidth--36 qu-bg--white__ignore_dark_mode"
                                                                        :src="
                                                                          item.avatar
                                                                        "
                                                                        size="36"
                                                                        :alt="
                                                                          'Icon for ' +
                                                                          item.userName
                                                                        "
                                                                        style="
                                                                          max-width: 100%;
                                                                          position: relative;
                                                                        "
                                                                      />
                                                                      <div
                                                                        class="q-box qu-borderRadius--squircle qu-borderAll qu-borderColor--darken be4t7km"
                                                                        style="
                                                                          position: absolute;
                                                                          inset: 0px;
                                                                        "
                                                                      ></div>
                                                                      <div
                                                                        class="q-absolute qu-fullX qu-fullY qu-borderAll qu-borderColor--darken qu-borderRadius--squircle avlofet"
                                                                        style="
                                                                          position: absolute;
                                                                          z-index: 1;
                                                                        "
                                                                      ></div>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </a>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                                <div
                                                  class="q-box qu-flex--auto"
                                                  style="
                                                    margin-top: -1px;
                                                    overflow-wrap: break-word;
                                                    min-width: 0px;
                                                  "
                                                >
                                                  <div class="q-box" style="">
                                                    <span class="q-box" style=""
                                                      ><span
                                                        class="q-text qu-dynamicFontSize--small qu-bold qu-color--gray_dark qu-passColorToLinks"
                                                        style=""
                                                      >
                                                        <div
                                                          class="q-box qu-display--inline-block"
                                                          style="z-index: 0"
                                                        >
                                                          <div
                                                            class="q-box qu-display--inline-block"
                                                            style=""
                                                          >
                                                            <div
                                                              class="q-relative qu-display--inline-block puppeteer_popper_reference"
                                                              style="
                                                                position: relative;
                                                              "
                                                            >
                                                              <div
                                                                class="q-click-wrapper c1nud10e qu-display--inline-block qu-tapHighlight--white qu-cursor--pointer"
                                                                aria-expanded="false"
                                                                aria-haspopup="dialog"
                                                                tabindex="0"
                                                                style="
                                                                  font: inherit;
                                                                  padding: 0px;
                                                                  color: inherit;
                                                                  text-align: inherit;
                                                                "
                                                              >
                                                                <a
                                                                  class="q-box qu-color--gray_dark qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                                                  href="#"
                                                                  target="_blank"
                                                                  style="
                                                                    border-radius: inherit;
                                                                  "
                                                                  ><span
                                                                    class="q-text"
                                                                    style=""
                                                                    ><span
                                                                      class="q-text puppeteer_test_tribe_name"
                                                                      style=""
                                                                      ><span
                                                                        ><span
                                                                          >{{
                                                                            item.name
                                                                          }}</span
                                                                        ></span
                                                                      ></span
                                                                    ></span
                                                                  ></a
                                                                >
                                                              </div>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </span></span
                                                    >
                                                    <!-- <span
                                                      class="q-text qu-dynamicFontSize--small qu-color--gray"
                                                      style=""
                                                      ><span> · </span></span
                                                    > -->
                                                    <!-- <div
                                                      class="q-box qu-display--inline qu-pr--medium"
                                                      style=""
                                                    >
                                                      <div
                                                        class="q-click-wrapper c1nud10e qu-display--inline-block qu-color--blue qu-tapHighlight--white qu-cursor--pointer qu-hover--textDecoration--underline"
                                                        tabindex="0"
                                                        style="
                                                          font: inherit;
                                                          padding: 0px;
                                                          text-align: inherit;
                                                        "
                                                      >
                                                        <div
                                                          class="q-text qu-dynamicFontSize--small qu-medium"
                                                          style=""
                                                        >
                                                          Subscribe
                                                        </div>
                                                      </div>
                                                    </div> -->
                                                  </div>
                                                  <div
                                                    class="q-text qu-dynamicFontSize--small qu-color--gray qu-passColorToLinks qu-display--flex"
                                                    style=""
                                                  >
                                                    <div
                                                      class="q-text qu-truncateLines--1 qu-wordBreak--break-all"
                                                      style=""
                                                    >
                                                      <span
                                                        ><span
                                                          class="q-box qu-display--none"
                                                          style=""
                                                        ></span
                                                        ><span
                                                          class="c1h7helg"
                                                          style="
                                                            --separator: ' · ';
                                                          "
                                                          >Answered by
                                                          <div
                                                            class="q-inlineFlex qu-alignItems--center"
                                                            style="
                                                              display: inline-flex;
                                                            "
                                                          >
                                                            <div
                                                              class="q-box qu-display--inline"
                                                              style="z-index: 0"
                                                            >
                                                              <div
                                                                class="q-box qu-display--inline"
                                                                style=""
                                                              >
                                                                <div
                                                                  class="q-relative qu-display--inline puppeteer_popper_reference"
                                                                  style="
                                                                    position: relative;
                                                                  "
                                                                >
                                                                  <div
                                                                    class="q-click-wrapper c1nud10e qu-display--inline qu-tapHighlight--white qu-cursor--pointer"
                                                                    aria-expanded="false"
                                                                    aria-haspopup="dialog"
                                                                    tabindex="0"
                                                                    style="
                                                                      font: inherit;
                                                                      padding: 0px;
                                                                      color: inherit;
                                                                      text-align: inherit;
                                                                    "
                                                                  >
                                                                    <a
                                                                      class="q-box qu-color--gray_dark qu-cursor--pointer qu-hover--textDecoration--underline b2c1r2a puppeteer_test_link"
                                                                      href="#"
                                                                      target="_blank"
                                                                      style="
                                                                        border-radius: inherit;
                                                                      "
                                                                    >
                                                                      <div
                                                                        class="q-inlineFlex qu-alignItems--center qu-wordBreak--break-word"
                                                                        style="
                                                                          display: inline-flex;
                                                                        "
                                                                      >
                                                                        <span
                                                                          ><span
                                                                            >{{
                                                                              item.userName
                                                                            }}</span
                                                                          ></span
                                                                        >
                                                                      </div>
                                                                    </a>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                            </div>
                                                          </div></span
                                                        ></span
                                                      >
                                                    </div>
                                                    <span>&nbsp;·&nbsp;</span
                                                    ><span
                                                      class="q-text qu-whiteSpace--nowrap"
                                                      style=""
                                                      ><span
                                                        class="q-box"
                                                        style="
                                                          margin-right: auto;
                                                          pointer-events: auto;
                                                        "
                                                        ><a
                                                          class="q-box qu-cursor--pointer qu-hover--textDecoration--underline answer_timestamp b2c1r2a puppeteer_test_link"
                                                          href="#"
                                                          target="_blank"
                                                          style="
                                                            border-radius: inherit;
                                                          "
                                                          >{{ item.time }}</a
                                                        ></span
                                                      ></span
                                                    >
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="q-box qu-mb--tiny">
                                          <div
                                            class="q-text qu-dynamicFontSize--regular_title qu-overflow--hidden qu-fontWeight--bold qu-color--gray_dark_dim qu-passColorToLinks qu-lineHeight--regular qu-wordBreak--break-word"
                                          >
                                            <span
                                              ><span class="c1tjc3o4">
                                                <div
                                                  class="q-flex qu-flexDirection--row"
                                                  style="display: flex"
                                                >
                                                  <div
                                                    class="q-inline qu-flexWrap--wrap"
                                                    style="
                                                      display: inline;
                                                      max-width: 100%;
                                                    "
                                                  >
                                                    <div
                                                      class="q-text qu-truncateLines--5 puppeteer_test_question_title"
                                                      style=""
                                                    >
                                                      <span
                                                        class="q-box qu-userSelect--text"
                                                        style=""
                                                        ><span
                                                          style="
                                                            background: none;
                                                          "
                                                          >{{
                                                            item.title
                                                          }}</span
                                                        ></span
                                                      >
                                                    </div>
                                                  </div>
                                                </div>
                                              </span></span
                                            >
                                          </div>
                                        </div>
                                        <div
                                          class="q-box spacing_log_answer_content puppeteer_test_answer_content"
                                        >
                                          <div
                                            class="q-box qu-cursor--pointer b1waa02m"
                                          >
                                            <div
                                              class="q-text qu-truncateLines--3 qu-wordBreak--break-word"
                                              style="position: relative"
                                            >
                                              <span class="q-box">{{
                                                item.description
                                              }}</span>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div
                                        class="q-box qu-zIndex--action_bar"
                                        style="
                                          margin-left: -12px;
                                          margin-right: -12px;
                                          opacity: 1;
                                          transition-duration: 180ms;
                                          transition-timing-function: ease-in-out;
                                        "
                                      >
                                        <div class="q-box">
                                          <div
                                            class="q-box"
                                            style="
                                              padding-left: 12px;
                                              padding-right: 12px;
                                              transition-property: box-shadow;
                                              transition-duration: 250ms;
                                              transition-timing-function: ease-out;
                                            "
                                          >
                                            <div
                                              class="q-flex qu-justifyContent--space-between qu-alignItems--center qu-flexWrap--nowrap qu-py--tiny"
                                              style="display: flex"
                                            >
                                              <div
                                                class="q-flex qu-alignItems--center"
                                                style="display: flex"
                                              >
                                                <div
                                                  class="q-inlineFlex qu-mr--small"
                                                  style="display: inline-flex"
                                                >
                                                  <div
                                                    class="q-box dom_annotate_answer_action_bar_upvote"
                                                    style=""
                                                  >
                                                    <div>
                                                      <div
                                                        class="q-inlineFlex qu-borderRadius--pill qu-alignItems--center qu-borderWidth--regular qu-borderAll"
                                                        height="30"
                                                        style="
                                                          display: inline-flex;
                                                          background-color: rgba(
                                                            0,
                                                            0,
                                                            1,
                                                            0.03
                                                          );
                                                          height: 30px;
                                                        "
                                                      >
                                                        <button
                                                          class="q-click-wrapper puppeteer_test_votable_upvote_button bobc9nh b1cg7ppz c1nud10e qu-borderTopLeftRadius--pill qu-borderBottomLeftRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                                          height="30"
                                                          role="button"
                                                          aria-label="Upvote"
                                                          aria-disabled="false"
                                                          tabindex="0"
                                                          style="
                                                            font: inherit;
                                                            padding: 0px 10px;
                                                            height: 30px;
                                                            transition-duration: 60ms;
                                                            transition-timing-function: ease-out;
                                                            border-width: 0px;
                                                            outline: none;
                                                            color: inherit;
                                                            background-color: transparent;
                                                          "
                                                        >
                                                          <div
                                                            class="q-relative qu-display--inline-flex"
                                                            style="
                                                              position: relative;
                                                              z-index: 1;
                                                            "
                                                          >
                                                            <div
                                                              class="q-box qu-display--inline-flex"
                                                              style="
                                                                transition-property: transform;
                                                                transition-timing-function: cubic-bezier(
                                                                  0.23,
                                                                  0.19,
                                                                  0.1,
                                                                  1.34
                                                                );
                                                                transition-delay: 0ms;
                                                                transition-duration: 0ms;
                                                              "
                                                            >
                                                              <span
                                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                                width="20"
                                                                height="20"
                                                                style="
                                                                  display: inline-block;
                                                                  flex-shrink: 0;
                                                                  line-height: 20px;
                                                                "
                                                                ><span
                                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                                  style="
                                                                    width: 20px;
                                                                    height: 20px;
                                                                    --strokeColor: var(
                                                                      --q-colors-text-blue
                                                                    );
                                                                    --fillColor: var(
                                                                      --q-colors-text-blue
                                                                    );
                                                                    --strokeWidth: 1.8;
                                                                  "
                                                                  ><svg
                                                                    width="24"
                                                                    height="24"
                                                                    viewBox="0 0 24 24"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                  >
                                                                    <path
                                                                      d="M12 4 3 15h6v5h6v-5h6z"
                                                                      class="icon_svg-stroke icon_svg-fill"
                                                                      stroke-width="1.5"
                                                                      stroke="#666"
                                                                      fill="none"
                                                                      stroke-linejoin="round"
                                                                    ></path></svg></span
                                                              ></span>
                                                            </div>
                                                          </div>
                                                          <div
                                                            class="q-text qu-display--inline-flex qu-alignItems--center qu-overflow--hidden puppeteer_test_button_text qu-color--gray qu-ml--tiny"
                                                            style="
                                                              font-size: 13px;
                                                            "
                                                          >
                                                            <div
                                                              class="q-text qu-ellipsis qu-whiteSpace--nowrap"
                                                              style="
                                                                line-height: normal;
                                                              "
                                                            >
                                                              <span
                                                                ><span
                                                                  class="q-box qu-display--none"
                                                                  style=""
                                                                ></span
                                                                ><span
                                                                  class="c1h7helg"
                                                                  style="
                                                                    --separator: ' · ';
                                                                  "
                                                                  ><span
                                                                    class="q-text qu-fontWeight--medium"
                                                                    style=""
                                                                    >Upvote</span
                                                                  ></span
                                                                ><span
                                                                  class="q-box qu-display--none"
                                                                  style=""
                                                                >
                                                                  · </span
                                                                ><span
                                                                  class="c1h7helg c8970ew"
                                                                  style="
                                                                    --separator: ' · ';
                                                                  "
                                                                >
                                                                  <div
                                                                    class="q-text qu-overflow--hidden qu-display--inline-flex"
                                                                    style="
                                                                      position: relative;
                                                                    "
                                                                  >
                                                                    <span
                                                                      class="q-text qu-visibility--hidden qu-display--inline-flex"
                                                                      style="
                                                                        font-size: 13px;
                                                                        opacity: 0;
                                                                      "
                                                                      >9</span
                                                                    ><span
                                                                      class="q-text qu-whiteSpace--nowrap qu-display--inline-flex qu-alignItems--center qu-justifyContent--center"
                                                                      height="100%"
                                                                      style="
                                                                        font-size: 13px;
                                                                        position: absolute;
                                                                        top: 0px;
                                                                        left: 0px;
                                                                        right: 0px;
                                                                        height: 100%;
                                                                        transition-property: transform,
                                                                          opacity;
                                                                        transition-duration: 250ms;
                                                                        transition-timing-function: cubic-bezier(
                                                                          0.25,
                                                                          0.46,
                                                                          0.45,
                                                                          0.94
                                                                        );
                                                                        transition-delay: 0ms;
                                                                      "
                                                                      >{{
                                                                        item.upvote
                                                                      }}</span
                                                                    >
                                                                  </div>
                                                                </span></span
                                                              >
                                                            </div>
                                                          </div>
                                                        </button>
                                                        <div
                                                          class="q-box qu-borderRight qu-borderWidth--regular"
                                                          height="30"
                                                          style="height: 30px"
                                                        ></div>
                                                        <div
                                                          class="q-box qu-display--inline-block"
                                                          tabindex="0"
                                                          style="
                                                            pointer-events: all;
                                                          "
                                                        >
                                                          <div
                                                            class="q-relative puppeteer_popper_reference"
                                                            style="
                                                              position: relative;
                                                            "
                                                          >
                                                            <el-tooltip
                                                              effect="dark"
                                                              content="Downvote"
                                                              placement="top"
                                                              :offset="8"
                                                            >
                                                              <button
                                                                class="q-click-wrapper bobc9nh b1cg7ppz c1nud10e qu-borderTopRightRadius--pill qu-borderBottomRightRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                                                height="30"
                                                                role="button"
                                                                aria-label="Downvote"
                                                                aria-disabled="false"
                                                                tabindex="0"
                                                                style="
                                                                  font: inherit;
                                                                  padding: 0px
                                                                    10px 0px 8px;
                                                                  height: 30px;
                                                                  transition-duration: 60ms;
                                                                  transition-timing-function: ease-out;
                                                                  border-width: 0px;
                                                                  outline: none;
                                                                  color: inherit;
                                                                  background-color: transparent;
                                                                "
                                                              >
                                                                <div
                                                                  class="q-box qu-display--inline-flex"
                                                                  style="
                                                                    transition-property: transform;
                                                                    transition-timing-function: cubic-bezier(
                                                                      0.23,
                                                                      0.19,
                                                                      0.1,
                                                                      1.34
                                                                    );
                                                                    transition-delay: 0ms;
                                                                    transition-duration: 0ms;
                                                                  "
                                                                >
                                                                  <span
                                                                    class="q-inlineBlock qu-width--20 qu-height--20"
                                                                    width="20"
                                                                    height="20"
                                                                    style="
                                                                      display: inline-block;
                                                                      flex-shrink: 0;
                                                                      line-height: 20px;
                                                                    "
                                                                    ><span
                                                                      class="c8lvhxo c1qi64n3 c13dhsxm"
                                                                      style="
                                                                        width: 20px;
                                                                        height: 20px;
                                                                        --strokeColor: var(
                                                                          --q-colors-text-gray
                                                                        );
                                                                        --fillColor: var(
                                                                          --q-colors-text-gray
                                                                        );
                                                                        --strokeWidth: 1.8;
                                                                      "
                                                                      ><svg
                                                                        width="24"
                                                                        height="24"
                                                                        viewBox="0 0 24 24"
                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                      >
                                                                        <path
                                                                          d="m12 20 9-11h-6V4H9v5H3z"
                                                                          class="icon_svg-stroke icon_svg-fill"
                                                                          stroke="#666"
                                                                          fill="none"
                                                                          stroke-width="1.5"
                                                                          stroke-linejoin="round"
                                                                        ></path></svg></span
                                                                  ></span>
                                                                </div>
                                                              </button>
                                                            </el-tooltip>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                                <div
                                                  class="q-inlineFlex qu-mr--small"
                                                  style="display: inline-flex"
                                                >
                                                  <div
                                                    class="q-box dom_annotate_answer_action_bar_comment"
                                                    style=""
                                                  ></div>
                                                </div>
                                                <div
                                                  class="q-box dom_annotate_answer_action_bar_share"
                                                >
                                                  <div
                                                    class="q-box qu-display--inline-block"
                                                    tabindex="0"
                                                    style="pointer-events: all"
                                                  >
                                                    <div
                                                      class="q-relative puppeteer_popper_reference"
                                                      style="position: relative"
                                                    >
                                                      <el-tooltip
                                                        effect="dark"
                                                        content="Share"
                                                        placement="top"
                                                        :offset="0"
                                                      >
                                                        <button
                                                          class="q-click-wrapper puppeteer_test_answer_quora_share_button b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                                          height="30"
                                                          role="button"
                                                          aria-label="Share"
                                                          tabindex="0"
                                                          style="
                                                            font: inherit;
                                                            padding: 0px 5px;
                                                            transition-property: box-shadow,
                                                              background-color;
                                                            transition-duration: 60ms;
                                                            transition-timing-function: ease-out;
                                                            height: 30px;
                                                            min-width: 30px;
                                                            position: relative;
                                                            border-width: 0px;
                                                            outline: none;
                                                            color: inherit;
                                                            background-color: transparent;
                                                          "
                                                        >
                                                          <div
                                                            class="q-flex qu-alignItems--center qu-justifyContent--center"
                                                            style="
                                                              display: flex;
                                                              max-width: 100%;
                                                              transition-property: opacity;
                                                              transition-duration: 60ms;
                                                              transition-timing-function: ease-in-out;
                                                            "
                                                          >
                                                            <div
                                                              class="q-box qu-display--inline-flex"
                                                              style="
                                                                transition-property: transform;
                                                                transition-timing-function: cubic-bezier(
                                                                  0.23,
                                                                  0.19,
                                                                  0.1,
                                                                  1.34
                                                                );
                                                                transition-delay: 0ms;
                                                                transition-duration: 0ms;
                                                              "
                                                            >
                                                              <span
                                                                class="q-inlineBlock qu-width--20 qu-height--20"
                                                                width="20"
                                                                height="20"
                                                                aria-label="Share"
                                                                style="
                                                                  display: inline-block;
                                                                  flex-shrink: 0;
                                                                  line-height: 20px;
                                                                "
                                                                ><span
                                                                  class="c8lvhxo c1qi64n3 c13dhsxm"
                                                                  style="
                                                                    width: 20px;
                                                                    height: 20px;
                                                                    --strokeColor: var(
                                                                      --q-colors-text-gray
                                                                    );
                                                                    --fillColor: var(
                                                                      --q-colors-text-gray
                                                                    );
                                                                    --strokeWidth: 1.8;
                                                                  "
                                                                  ><svg
                                                                    width="24"
                                                                    height="24"
                                                                    viewBox="0 0 24 24"
                                                                    xmlns="http://www.w3.org/2000/svg"
                                                                  >
                                                                    <g
                                                                      class="icon_svg-stroke"
                                                                      stroke="#666"
                                                                      stroke-width="1.5"
                                                                      fill="none"
                                                                      fill-rule="evenodd"
                                                                      stroke-linecap="round"
                                                                    >
                                                                      <path
                                                                        d="M19.748 10a8.003 8.003 0 0 0-15.496.002m.001 4.003a8.003 8.003 0 0 0 15.494 0"
                                                                      ></path>
                                                                      <path
                                                                        d="m2.5 7.697 1.197 3.289 3.289-1.197m14.5 6.5L20.289 13 17 14.197"
                                                                      ></path>
                                                                    </g></svg></span
                                                              ></span>
                                                            </div>
                                                          </div>
                                                        </button>
                                                      </el-tooltip>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                              <div
                                                class="q-flex qu-alignItems--center"
                                                style="display: flex"
                                              >
                                                <div
                                                  class="q-inlineFlex qu-alignItems--flex-end i1k9lguw"
                                                  style="display: inline-flex"
                                                >
                                                  <div class="q-box" style="">
                                                    <div
                                                      class="q-relative puppeteer_popper_reference"
                                                      style="position: relative"
                                                    >
                                                      <div
                                                        class="q-box qu-display--inline-block"
                                                        tabindex="0"
                                                        style="
                                                          pointer-events: all;
                                                        "
                                                      >
                                                        <div
                                                          class="q-relative puppeteer_popper_reference"
                                                          style="
                                                            position: relative;
                                                          "
                                                        >
                                                          <el-tooltip
                                                            effect="dark"
                                                            content="More"
                                                            placement="top"
                                                            :offset="0"
                                                          >
                                                            <button
                                                              class="q-click-wrapper puppeteer_test_overflow_menu b10gcu9l bobc9nh b1cg7ppz c1nud10e qu-active--bg--darken qu-borderRadius--pill qu-alignItems--center qu-justifyContent--center qu-whiteSpace--nowrap qu-userSelect--none qu-display--inline-flex qu-tapHighlight--white qu-textAlign--center qu-cursor--pointer qu-hover--bg--darken"
                                                              height="30"
                                                              role="button"
                                                              aria-haspopup="menu"
                                                              aria-expanded="false"
                                                              tabindex="0"
                                                              style="
                                                                font: inherit;
                                                                padding: 0px 5px;
                                                                transition-property: box-shadow,
                                                                  background-color;
                                                                transition-duration: 60ms;
                                                                transition-timing-function: ease-out;
                                                                height: 30px;
                                                                min-width: 30px;
                                                                position: relative;
                                                                border-width: 0px;
                                                                outline: none;
                                                                color: inherit;
                                                                background-color: transparent;
                                                              "
                                                            >
                                                              <div
                                                                class="q-flex qu-alignItems--center qu-justifyContent--center"
                                                                style="
                                                                  display: flex;
                                                                  max-width: 100%;
                                                                  transition-property: opacity;
                                                                  transition-duration: 60ms;
                                                                  transition-timing-function: ease-in-out;
                                                                "
                                                              >
                                                                <div
                                                                  class="q-box qu-display--inline-flex"
                                                                  style="
                                                                    transition-property: transform;
                                                                    transition-timing-function: cubic-bezier(
                                                                      0.23,
                                                                      0.19,
                                                                      0.1,
                                                                      1.34
                                                                    );
                                                                    transition-delay: 0ms;
                                                                    transition-duration: 0ms;
                                                                  "
                                                                >
                                                                  <span
                                                                    class="q-inlineBlock qu-width--20 qu-height--20"
                                                                    width="20"
                                                                    height="20"
                                                                    aria-label="More"
                                                                    style="
                                                                      display: inline-block;
                                                                      flex-shrink: 0;
                                                                      line-height: 20px;
                                                                    "
                                                                    ><span
                                                                      class="c8lvhxo c1qi64n3 c13dhsxm"
                                                                      style="
                                                                        width: 20px;
                                                                        height: 20px;
                                                                        --strokeColor: var(
                                                                          --q-colors-text-gray
                                                                        );
                                                                        --fillColor: var(
                                                                          --q-colors-text-gray
                                                                        );
                                                                        --strokeWidth: 1.8;
                                                                      "
                                                                      ><svg
                                                                        width="24"
                                                                        height="24"
                                                                        viewBox="0 0 24 24"
                                                                        fill="none"
                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                      >
                                                                        <path
                                                                          d="M11.25 11.25a1.06 1.06 0 1 0 1.5 1.5 1.06 1.06 0 0 0-1.5-1.5Zm-7 0a1.06 1.06 0 1 0 1.5 1.5 1.06 1.06 0 0 0-1.5-1.5Zm14 0a1.06 1.06 0 1 0 1.5 1.5 1.06 1.06 0 0 0-1.5-1.5Z"
                                                                          class="icon_svg-stroke"
                                                                          fill="#666"
                                                                          stroke="#666"
                                                                          stroke-width="1.5"
                                                                          stroke-linecap="round"
                                                                          stroke-linejoin="round"
                                                                        ></path></svg></span
                                                                  ></span>
                                                                </div>
                                                              </div>
                                                            </button>
                                                          </el-tooltip>
                                                        </div>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                      </div>
                                      <div
                                        style="position: relative; top: -50px"
                                      ></div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="q-box">
                              <div
                                class="q-box qu-overflow--hidden"
                                style="
                                  border-bottom-left-radius: 8px;
                                  border-bottom-right-radius: 8px;
                                "
                              ></div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="q-box">
              <div class="q-box">
                <div>
                  <div
                    class="q-flex qu-alignItems--center qu-justifyContent--center qu-py--medium f192hea8"
                    width="100%"
                    style="
                      display: flex;
                      width: 100%;
                      padding-left: 2px;
                      padding-right: 2px;
                    "
                  >
                    <div class="LoadingDots__Dot-sc-1r7wywh-0 eewvEj"></div>
                    <div class="LoadingDots__Dot-sc-1r7wywh-0 eewvEj"></div>
                    <div class="LoadingDots__Dot-sc-1r7wywh-0 eewvEj"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="q-box"
        width="356"
        style="width: 356px; margin-left: 16px; flex-shrink: 0"
      ></div>
    </div>
  </div>
</template>

<script setup>
import { ref, computed } from "vue";
import Avatar from "@/assets/avatar.png";
import UpdatesIcon from "@/assets/updates.jpeg";
import { useUserStore } from "@/stores/user";

const userStore = useUserStore();

const userInfo = computed(() => userStore.userInfo);

console.log(userInfo.value);
const dataList = ref([]);

function getList() {
  dataList.value = [
    {
      id: 1,
      name: "US Government & Politics",
      title:
        "Are MAGAs excited that Trump has eliminated the Voice of America and other broadcasts to 400 million people in Russia, China, Hungary and other dictatorships and how their Trump is showing how he will do the same to own the LIBS in America?",
      description:
        "A better question might be, does the majority of the MAGA base know what the VOA is and its mission? Oh, and owning the Libs is from the New Testament, right?",
      upvote: 0,
      share: 0,
      time: "Oct 16",
      userName: "Kerry Andrew",
      avatar: UpdatesIcon,
    },
    {
      id: 2,
      name: "US Government & Politics",
      title:
        "Is Trump telling all Americans with his pardoning powers as long as you are MAGA, you can lie & cheat, you can steal, you can assault & traffic women and children, you can commit as many crimes & felonies as you want, as long as you support Trump?",
      description: "Certainly looks that way, doesn’t it?",
      upvote: 0,
      share: 0,
      time: "Tue",
      userName: "Dave Langlinais",
      avatar: UpdatesIcon,
    },
  ];
}
onMounted(() => {
  getList();
});
</script>

<style scoped></style>
